@@include('../partials/_template-top.html', {
'bodyClass': 'home-one-bg'
})

@@include('../partials/_header.html')
<div id="scrollSmoother-container">
    @@include('../partials/_breadcrumb.html', {
    'breadcrumbText': 'Gallery',
    'breadcrumbTitle': 'EVENT GALLERY',
    })


    <!-- ============================ Gallery section Start ======================================= -->
    <section class="py-120 gallery-two-area position-relative overflow-hidden">
        <div class="container-fluid">
            <!-- swiper -->
            <div class="swiper-container gallery-two-swiper gallery-swiper-active mb-4">
                <div class="swiper-wrapper">
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img1.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img2.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img3.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img4.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img5.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img6.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img7.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img8.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- swiper -->
            <div class="swiper-container gallery-two-swiper gallery-swiper-active-two mb-4">
                <div class="swiper-wrapper">
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img1.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img2.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img3.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img4.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img5.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img6.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img7.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide tw-w-fit">
                        <div class="gallery-two-thumb position-relative z-1 overflow-hidden">
                            <img src="assets/images/thumbs/gallery-img8.webp" alt="thumb">

                            <div class="gallery-two-button position-absolute">
                                <a class="open-popup gallery-two-btn position-relative z-1"
                                    href="https://www.youtube.com/watch?v=Fvae8nxzVz4" data-fancybox="gallery"
                                    data-caption="">
                                    <i class="ph-bold ph-plus"></i>
                                </a>
                                <div class="gallery-content">
                                    <h6 class="gallery-title text-center tw-mb-3">
                                        <a href="javascript:void(0);">
                                            Children Education Program
                                        </a>
                                    </h6>
                                    <p class="gallery-text text-center text--white-80">
                                        #Children
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ============================ Gallery section Start ======================================= -->

    @@include('../partials/_footer-two.html')

</div>


@@include('../partials/_template-bottom.html')
</body>

</html>